<template>
    <div>
        <h1 @click="$emit('changeCount',10,20)">{{count}}</h1>
        <button @click="fn">+100</button>
    </div>
</template>

<script>
    export default {
    props: {
              count: {
        type: Number,
        validator(val) {
           if (val > 100) {
               return true;
           } else {
            console.log('HmCount接受的count值必须大于100');
            
               return false;
           }
        }
    },
            msg: String
    },
    methods: {
        fn() {
            this.$emit('changeCount',100);
        }
    }
}
</script>

<!-- 
父传子：
使用props属性，在父组件中使用props属性，在子组件中使用props属性

子传父：
使用$emit方法，在子组件中使用$emit方法，在父组件中使用$emit方法
-->
